<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    Object msg=  request.getAttribute("code") == null ? null : request.getAttribute("code");
%>
<!doctype html>
<html lang="zh">

<head>
    <title>登录</title>
    <%@include file="../common/common.jsp"%>
<script type="text/javascript">
    var msg = '<%=msg%>';
    $(function () {
        if(!Util.nvl(msg)){
            swal("警告！","用户名或者密码错误！","error");
        }
    });

</script>
</head>

<body>

<section class="signin">
    <div class="container">

        <div class="sign-content">
            <h2>管理员登录</h2>
            <form action="<%=path%>/manage/adminLogin" method="post">
            <div class="row">
                <div class="col-sm-12">
                    <div class="signin-form">
                            <div class="form-group">
                                <label for="loginName">账号：</label>
                                <input type="text" class="form-control" id="loginName" name="loginName" placeholder="请输入账号">
                            </div>
                            <div class="form-group">
                                <label for="loginPassword">密码：</label>
                                <input type="password" class="form-control" id="loginPassword" name="loginPassword" placeholder="请输入密码">
                            </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-sm-12">
                    <div class="signin-footer">
                        <button type="submit" class="btn signin_btn" >
                            登录
                        </button>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>

</section>

<style>
    [placeholder]:focus::-webkit-input-placeholder {
        -webkit-transition: opacity 0.3s 0.3s ease;
        -moz-transition: opacity 0.3s 0.3s ease;
        -ms-transition: opacity 0.3s 0.3s ease;
        -o-transition: opacity 0.3s 0.3s ease;
        transition: opacity 0.3s 0.3s ease;
        opacity: 0;
    }


    .sign-content {
        max-width: 620px;
        margin: 0 auto;
    }

    .sign-content h2 {
        color: #464d5f;
        font-size: 36px;
        text-align: center;
    }

    /*.signin-form  .form-control*/
    .signin-form .form-control {
        background: transparent;
        border: transparent;
        border: 1px solid #c3c6cf;
        border-radius: 3px;
        outline: 0 !important;
        box-shadow: none;
        padding: 0px 0;
        height: 46px;
        -webkit-transition: linear .5s;
        -moz-transition: linear .5s;
        -ms-transition: linear .5s;
        -o-transition: linear .5s;
        transition: linear .5s;
    }


    .signin-form label {
        color: #7c8089;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        margin-bottom: 15px;
    }

    .signin-form input[type="text"],
    .signin-form input[type="email"],
    .signin-form input[type="password"] {
        color: #464e60;
        font-size: 16px;
        font-weight: 400;
        padding: 0 18px;
    }

    .signin-form .form-col {
        width: 48.5%;
        float: left;

    }

    .signin-form .form-col1 {
        width: 48%;
        float: right;
    }

    .btn.signin_btn,
    .btn.signin_btn:focus {
        width: 620px;
        padding: 0;
        height: 60px;
        background: #5a84fd;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 3px;
        box-shadow: 0 5px 30px rgba(0, 66, 255, .3);
        margin-top: 23px;
    }
</style>
</body>

</html>
